/**
 * table with rounded corners
 */
body {
	font-family: 'Helvetica', Arial, sans-serif;
	padding-top: 45px;
	background-color: #EFEDE1;
}

h1 {
	color: #686868;
	text-align: center;
	padding-bottom: 10px;
	font-size: 20px;
}

/* table has shadow */
table {
	margin: 20px auto;
	border-collapse: collapse;
	border-spacing: 0;
	box-shadow: 0 2px 10px #ccc;
	font-size: 16px;
	text-shadow: 1px 1px 1px #325179;
	font-family: 'Helvetica', Arial, sans-serif;
}

/*every cell has a border on bottom & right*/
td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
	color: #444;
	text-align: center;
	background-color: #D8D8D8;
}

#dead {
	color: #FFFFFF;
	background-color: #FF0000;
}


/*cancel the right border on the last column*/
td:last-child {
	border-right: none;
}

/*First cell has a border on bottom & right*/
th {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
	color: #FFF;
	/*background: #C2C2C2;*/
	background: #686868;
}

/*table header style*/
/*note: the gradient must be on the <th> & <td>,
ff you put it on the <tr> it will stick out of the
rounded corners in Firefox*/
thead tr th {
	background-image: linear-gradient(top, #f7f7f7 0%, #d4d4d4 100%);;
}

/*table row style*/
tr td {
	background-image: linear-gradient(top, #ffffff 0%, #e4f0ff 100%);
	text-shadow: 0 1px 0 #fff;
}

/*table even rows style*/
tr:nth-child(even) td {
	background-image: linear-gradient(top, #ffffff 0%, #eee 100%);
}